{% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}

{% block utilities_offcanvas_content %}
    {% block component_product_description_container %}
        <div class="product-detail-description tab-pane-container">
            {% block component_product_description_title %}
                <h2 class="product-detail-description-title">
                    {{ 'detail.descriptionTitle'|trans|sw_sanitize }} "{{ product.translated.name }}"
                </h2>
            {% endblock %}

            {% block component_product_description_content %}
                {% block component_product_description_content_text %}
                    <div class="product-detail-description-text"
                         itemprop="description">
                        {{ product.translated.description|raw }}
                    </div>
                {% endblock %}

                {% block component_product_description_content_properties %}
                    {% if product.sortedProperties|length > 0 %}
                        {% sw_include '@Storefront/storefront/component/product/properties.html.twig' %}
                    {% endif %}
                {% endblock %}
            {% endblock %}
        </div>
    {% endblock %}
{% endblock %}
